<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>

  <body>
    <div
      style="
        width: 280px;
        overflow: hidden;
        background-image: url('example/res/images/small.png');
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
      "
    >
      <!-- 三角 -->
      <div
        style="
          position: absolute;
          top: 0px;
          right: 0px;
          width: 0px;
          height: 0px;
          border-top: 58px solid rgba(55, 244, 233, 0.5);
          border-left: 58px solid transparent;
        "
      ></div>
      <div
        style="
          position: relative;
          padding-top: 10px;
          width: 70%;
          height: 26px;
          font-size: 16px;
          font-family: 'Microsoft YaHei';
          font-weight: bolder;
          color: #ffffff;
          padding-bottom: 10px;
          padding-left: 15px;
          margin-left: 15px;
          margin-bottom: 20px;
          border-bottom: 2px solid rgba(255, 255, 255, 0.3);
        "
      >
        社会生活噪声投诉
      </div>
      <div style="position: relative; width: 100%">
        <div
          style="
            padding-left: 30px;
            position: relative;
            width: 80%;
            color: #37f4e9;
            font-weight: bold;
          "
        >
          投诉对象:<span
            style="
              margin-left: 5px;
              color: #ffffff;
              font-weight: normal;
              font-size: 14px;
            "
            >珠海隆隆科KTV酒吧</span
          >
          <div
            style="
              height: 20px;
              position: relative;
              color: #c9c9c9;
              font-size: 12px;
              margin-top: 5px;
              padding-left: 15px;
            "
          >
            【南屏】南屏东路200号
            <img
              src="example/res/images/address.png"
              style="height: 12px; position: absolute; left: 0; top: 2px"
              alt=""
            />
          </div>
        </div>

        <div
          style="
            padding-left: 30px;
            margin: 20px 0 0px;
            position: relative;
            width: 90%;
            color: #37f4e9;
            font-weight: bold;
            padding-bottom: 20px;
          "
        >
          投诉主题:
          <p
            style="
              margin: 5px 0px;
              position: relative;
              font-size: 12px;
              color: #ffffff;
              font-weight: normal;
              padding-right: 20px;
            "
          >
            每天晚上19点至次日凌晨3点，播放音乐的音量很大，噪声严重扰民。
          </p>
        </div>
        <div
          style="
            width: 90%;
            font-size: 12px;
            text-align: right;
            color: #ffffff;
            border-top: 2px solid rgba(255, 255, 255, 0.3);
            margin: 0 auto;
            height: 44px;
            line-height: 40px;
          "
        >
          投诉时间:<span style="margin-left: 3px">2022-03-14 12:00:00</span>
        </div>
      </div>
    </div>
  </body>
</html>
